* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 16px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 101%;
}
a {
	color: #222;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 5px;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* 
ВНИМАНИЕ! Ширину сайта можно легко изменить варьируя 
#wrapper width
.main_info width
#footer width
*/

/* Header
-----------------------------------------------------------------------------*/
#header {
	/*height: 211px;
	background: #FFE680;
	
	background1: url('header_.jpg');*/
}
	.logo{ 
		width: 297px;
		height: 72px;
		background: url('i/spectrum_logo.png') no-repeat;
	}
		.logo a{ 
			display: block;
			width: 100%; height: 100%;
		}
	.slogan{ 
		width: 180px;
		font-size: 18px;
		margin: 5px 3px;
	}	
	.phones{ 
		width: 312px;
		font-size: 14px;
		margin-top: 7px;
		line-height: 1.3;
	}
		.phones strong { 
			font-size: 18px;
			font-weight: normal;
		}
	/* TOP MENU */
	.top_menu{
		background-color: #777;
		font-size: 18px; 
		text-align: center;
		border: 1px solid #CCCCCC;
		margin-bottom: 5px;
		z-index:10000;
	}
		.top_menu li{
			list-style:none;
			float:left; /*position:relative; поджимает субменю */
			padding: 9px 6px;
			background-color: #666666;
			border-left: 1px solid #CCCCCC;
		}
		.top_menu li.last_item{
			padding-left: 0; padding-right: 0;
			border-right: 1px solid #CCCCCC;border-left: none;
		}
		.top_menu a, .top_menu a:hover{
			color: #FFFFFF;
			text-decoration: none; 
		}
		.top_menu li.active, .top_menu li:hover{ background-color: #999999; }

	.top_submenu {
		display: none;
		position:absolute;
		z-index:10000;
		min-width: 200px;
	}		
		.top_submenu li{
			float:none;
			text-align: left;
			font-size: 90%; 
			border-bottom: 1px solid #CCCCCC;
		}
	.top_submenu ._right{left: 100px;}
	.top_submenu ._left{left: -100px;}
		
	li:hover  > div > .top_submenu, li:hover  > .top_submenu{
		display: block;
	}
	
			
	.client_slider{
		height: 80px;
		overflow: hidden;
		position: relative;
	}
		.slider_wrap {
			position: absolute;
		}
		.slider_wrap img{
			display: block;
			float:left;
			margin-right: 10px;
			width: 190px;
		}
		
	.spectr_line{
		height: 6px;
		margin: 8px 0 10px 0;
		background: url('i/spectr_line.png');
	}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 70px; /* 40px for footer + 30px */
	position: relative;
	/*
	background: url('main_.jpg') no-repeat;
	min-height: 654px;
	*/
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
	h1.spectrum_ru{
		background: url('i/spectrum_ru.png') no-repeat;
		text-indent: 300px;
		font: bold 30px Tachoma;
		color: #333333;
		padding: 6px 0 10px 0;
		margin: 10px 0 5px 10px;
		text-align: center;
	}
	h2, h3{
		text-indent: 15px;
		font: bold 150% Georgia, Arial, Tahoma;
		color: #003366;
		margin-bottom: 0.5em;
	}
	h3{
		text-indent: 0px; font: bold 18px Georgia, Arial, Tahoma;
	}
	
	.block{
		background-color: #ececec;
		border: 1px solid #ccc;
		border-radius: 3px;
		padding1: 15px;
	}
	.main_info{ margin1: 15px; width:530px; }/* width:530px for IE7 */
		.main_info ul{ list-style-position: inside; margin: 15px; }
	
#content { padding: 5px 5px 5px 240px;}
	
	.main_b{	
		padding: 15px; line-height: 1.3;
	}
		.main_b p{
			text-indent: 15px;
			font-size: 18px;
		}
			.main_b p:first-letter{
				color: #333;/**/
				font: bold 110% Georgia;
			}

#content.full { padding: 5px 5px 5px 0px;}
	#content.full .main_info{ width: 100%; }/* на всю ширину */
	
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 220px;
	margin-left: -100%; 
	position: relative;
	padding: 5px;
}
	.left_b{
		/*padding: 15px;*/	
		margin-bottom: 15px;
		color: #003366;
		font: bold 18px Arial, Tahoma;
	}
	.left_info{ margin: 9px 10px 15px 10px; }
	
		.left_b a, span{
			color: #666666;
			text-decoration: none;
			border-bottom: 2px solid #666;
			cursor: pointer;
		}
		.left_b  a.active, .left_b a:hover, .left_b span:hover{
			border-bottom: 2px solid #003366;
			color: #003366;
		}
		.left_b  a.active{
			background-color: #FFF;
		}	
		
	.left_menu{
		list-style: none;
		text-align: right;
		line-height: 2;
	}

	#feedback_form { text-align: center; }		
	form input,textarea{
		width: 175px;
		resize: none;
	}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 800px;
	margin: -60px auto 0;
	height: 40px;
	position: relative;
	
	/*background: url('footer_.jpg');*/
}
	.copyright{
		font: 14px Georgia;
		text-align: center;
	}
/* Common
-----------------------------------------------------------------------------*/
.float_left{ float:left }
.clear_both{ clear:both}
.shadow{
	/*
	box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.5); 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=3);
	*/
	/* */ 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=3);
	box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.5);,
                -ie-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.5);
	
}
.img_thumb{
	width: 200px;
	float: left;
	margin: 0 15px 0 0;
}
/*
* Стиль для браузеров не поддерживающих
* placeholder или псевдо-елемента input-placeholder
*/
input.input-placeholder, textarea.input-placeholder {
	color: #999;
}
.simple{ color: #555; font: normal 16px Arial, Tahoma, Verdana, sans-serif; }
.error{ color:red; font: normal 12px Arial, Tahoma, Verdana, sans-serif;}

a.file_link {
	padding-left: 20px;
	background: left top no-repeat;
}
a.file_pdf { background-image: url(i/ico_pdf.gif); }
/*DEBUGGER--------------------------*/
#debug {
	position:fixed;top:0;height:0;overflow: auto;
	opacity:.2;filter: alpha(opacity=20);
}
	#debug:hover{
		height: 90%;opacity:.9;filter: alpha(opacity=90);
	}